<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="stylesheets/mui.css" rel="stylesheet" />
		<style type="text/css">
			#btn1{
				border-radius: 25px;
				width: 70px;
				background-color: rgb(211,208,208);
			}
			body{
				background-color: white;
			}
			#imgs{
				border-radius: 15px;
				width: 65px;
				height: 65px;
				margin-left: 180px;
			}
			#txttime{
				padding-top: 35px;
				font-size: 8px;
			}
			#time{
				color: rgb(211,208,208);
				padding-left: 5px;
			}
			p{
				color: #000000;
			}
			#ptxt{
				color: rgb(211,208,208);
				font-size: 6px;
				padding-left: 70px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div class="mui-input-group">
				<div class="mui-row">
					<button type="button" id="btn1" class="mui-active" style="background-color:rgb(6,198,144) ;">推荐</button>
					<button type="button" id="btn1">瑜伽</button>
					<button type="button" id="btn1">健康</button>
					<button type="button" id="btn1">饮食</button>
					<button type="button" id="btn1">跑步</button>
					<p><span class="mui-icon mui-icon-chatbubble"></span>那个瞬间让你觉得自己真的胖了<span id="ptxt">4万人围观<span class="mui-icon mui-icon mui-icon-arrowright"></span></span></p>
					<p>吃面吗？</p>
					<table border="0px" cellspacing="" cellpadding="">
						<tr>
							<td id="txttime">@小肥鸡<span id="time">2019/05/16</span></td>
							<td><img src="images/1.jpg" id="imgs"></td>
						</tr>
					</table>
				</div>
				<hr style="height:1px;border:none;border-top:1px solid rgb(211,208,208);">
				<div class="mui-row">
					<p><span class="mui-icon mui-icon-chatbubble"></span>怕就对了，立个目标打破害怕。<span id="ptxt">4万人围观<span class="mui-icon mui-icon mui-icon-arrowright"></span></span></p>
					<p>你害怕什么？立下目标打破它！看看你能坚持多久，记录...</p>
					<table border="0px" cellspacing="" cellpadding="">
						<tr>
							<td id="txttime">@小肥鸡<span id="time">2019/05/16</span></td>
							<td><img src="images/1.jpg" id="imgs"></td>
						</tr>
					</table>
				</div>
				<hr style="height:1px;border:none;border-top:1px solid rgb(211,208,208);">
				<div class="mui-row">
					<p><span class="mui-icon mui-icon-chatbubble"></span>工作太忙怎么抽空跑步&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="ptxt">4万人围观<span class="mui-icon mui-icon mui-icon-arrowright"></span></span></p>
					<p>夜跑10km打卡，顺便完成本月跑量一个上班族孩儿妈妈...</p>
					<table border="0px" cellspacing="" cellpadding="">
						<tr>
							<td id="txttime">@小肥鸡<span id="time">2019/05/16</span></td>
							<td><img src="images/1.jpg" id="imgs"></td>
						</tr>
					</table>
				</div>
				<hr style="height:1px;border:none;border-top:1px solid rgb(211,208,208);">
				<div class="mui-row">
					<p><span class="mui-icon mui-icon-chatbubble"></span>那个瞬间让你觉得自己真的胖了<span id="ptxt">4万人围观<span class="mui-icon mui-icon mui-icon-arrowright"></span></span></p>
					<p>吃面吗？</p>
					<table border="0px" cellspacing="" cellpadding="">
						<tr>
							<td id="txttime">@小肥鸡<span id="time">2019/05/16</span></td>
							<td><img src="images/1.jpg" id="imgs"></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<script src="javascripts/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
